<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ride</title>
</head>

<body class="df fdc page-course">
    <div class="main-container f1 ofs">
        <p class="distance">目前累计跑步距离：</p>
        <!-- 公里数 -->
        <div class="kiles df">
            <span id="num">99999</span><span class="num">公里</span>
        </div>
        <!-- 中间部分 -->
        <div id="container"></div>
        <div class="map df fdc aic">
            <a href="./321.html" class="go">
                <p>GO</p>
            </a>
            <div class="down df jcsa">
                <span class="iconfont icon-shezhi"></span>
                <span class="iconfont icon-yinle"></span>
            </div>
        </div>
        <!-- 跑步路线 -->
        <div class="line df jcsb">
            <div class="left">
                <p class="tit">跑步路线</p>
                <p class="way">使用跑步路线, 邂逅附近的同行者</p>
            </div>
            <div class="right df">
                <span class="iconfont icon-xiangyou1"></span>
            </div>
        </div>
    </div>

    <script type="text/javascript"
        src="https://webapi.amap.com/maps?v=2.0&key=01b45982ef7987802b6bb8fbcf41a6bf"></script>

</body>

</html>